<template>
    <el-container>
        <el-header style="background-color: #409EFF;height: 77px">
            <el-col :span="12" style="text-align: left">
                <h2 style="font-size: x-large;margin-top: 30px;margin-left: 30px;color: #FFFF">企业标准信息公共服务平台（管理系统）</h2>
            </el-col>
            <div style="font-size: 12px;">
                <el-col :span="12">
                    <div class="grid-content bg-purple" style="margin-top: 30px;margin-left: 150px;text-align: center" >
                        <i class="el-icon-s-help" style="color: #FFFF">{{'\u00a0'}}</i>
                        <el-link type="primary" style="font-size: 12px;"><a href="/" style="color: #FFFF;">帮助中心</a></el-link>&nbsp;&nbsp;
                        <el-divider direction="vertical"></el-divider>
                        <i class="el-icon-s-home" style="color: #FFFF">{{'\u00a0'}}</i>
                        <el-link type="primary" style="font-size: 12px;"><a href="/" style="color: #FFFF;">回到首页</a></el-link>
                    </div>
                </el-col>
            </div>
        </el-header>
        <el-container>
            <el-aside :class="showclass" style="height: 660px">
                <leftnav></leftnav>
            </el-aside>
            <el-main clss="index-main" style="height: 660px;">
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>
<script>
    // 导入组件
    import leftnav from '../../components/leftnav'
    export default {
        name: 'admin',
        data() {
            return {
                showclass: 'asideshow',
                showtype: false
            }
        },
        // 注册组件
        components: {
            leftnav
        },
        methods: {},
        created() {},
        beforeUpdate() {},
        // 挂载前状态(里面是操作)
        beforeMount() {
            // 弹出登录成功
            this.$message({
                message: '登录成功',
                type: 'success'
            })
        }
    }
</script>
<style>

    .index-con {
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .aside {
        width: 64px !important;
        height: 100%;
        background-color: #334157;
        margin: 0px;
    }
    .asideshow {
        width: 240px !important;
        height: 100%;
        background-color: #334157;
        margin: 0px;
    }
    .index-header,

    .index-main {
        padding: 0px;
        border-left: 2px solid #333;
    }
    .el-icon-s-home:before {
        font-size: 20px;

    }

    .el-icon-s-help:before {
        font-size: 20px;
    }

    .el-header {

        line-height: 20px;
    }

    a {
        text-decoration: none;
        font-size: 14px;
        display: block;
        width: auto;
        color: #ffff;
    }
</style>
